<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>品牌商店首页</title>
		<meta name="keywords" content="不二商城 运动服"/>
		<meta name="description" content="第一个团队项目"/>
		<link rel="stylesheet" href="css/shop_homepage.css" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="imgFix">
					<a href="homepage.html">
						<img src="img/logo.jpg" alt="" />
					</a>
				</div>
				<div class="wrap">
					<ul>
						<li><a href="homepage.html">首页</a></li>
						<li><a href="">骑行</a></li>
						<li><a href="">铁三</a></li>
						<li><a href="">跑步</a></li>
						<li><a href="">设计师注入</a></li>
						<li><a href="shop_list.html">品牌专区</a></li>
					</ul>
					<div class="search">
						<div class="input_wrap">
							<input type="text" />
							<button type="button"><i class="iconfont icon-fangdajing"></i></button>
						</div>
					</div>
					<div class="shop-cart">
						<a href="gouwuliucheng.html"><i class="iconfont icon-gouwuche"></i></a>
					</div>
					<div class="personal">
						<a><i class="iconfont icon-geren01"></i></a>
						<ul>
							<li><a href="store_management.html">个人登录</a></li>
							<li><a href="sc_zhuce.html">注册</a></li>
							<li><a href="bs_login.html">企业后台</a></li>
							<li><a href="store_set.html">个人信息</a></li>
							<li><a href="sc_gerendianpu.html">我要开店</a></li>
						</ul>
					</div>
					<div class="tel">
						<span>400-6563-116</span>
					</div>
					<div class="lang">
						<div>CH</div>
					</div>
				</div>
			</header>
			<div class="index">
				<a href="index.html">首页</a>
				<span>&gt;</span>
				<span>品牌专区</span>
			</div>
			<div class="banner_wrap">
				<div class="banner">
					<img src="img/shop-homepage-banner.jpg"/>
				</div>
				<div class="banner_content_wrap">
					<div class="banner_content">
						<div class="bannerPic">
							<img src="img/shop_logo_01.jpg" alt="" />
						</div>
						<div class="bannerCon">
							<p>dream骑手</p>
							<p>全球业内领先的高端功能性运动品牌</p>
						</div>
						<span>
							<a href="">关注</a>
							<a href="">分享</a>
						</span>
					</div>
				</div>
			</div>
			<div class="main">
				<div class="function_bar">
					<div class="selector">
						<span>所有商品</span><i></i>
					</div>
					<div class="radio">
						<div>
							<input id="update" type="radio" name="type" checked/>
							<label class="dot_box" for="update"><i class="dot"></i></label>
							<label for="update">按更新</label>
						</div>
						<div>
							<input id="hot" type="radio" name="type" />
							<label class="dot_box" for="hot"><i ></i></label>
							<label for="hot">按热度</label>
						</div>
					</div>
					<div class="proNum">
						<p>共<span class="amount">1289</span>件商品</p>
						<p><span class="now_page">1</span>/<span class="total_page">16</span></p>
					</div>
				</div>
				<div class="product_display">
					<div class="row">
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
					</div>
					<div class="row">
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
					</div>
					<div class="row">
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
						<div>
							<div class="imgFix">
								<a href="">
									<img src="img/custom-pro01.jpg" alt="" />
								</a>
							</div>
							<div>
								<a href=""><p>竞技版骑行上衣</p></a>
								<span><i class="iconfont icon-renminbi"></i>299</span>
							</div>
						</div>
					</div>
					<div class="page">
						
						<ul>
							<li><a href=""><span class="pre">	</span></a></li>
							<li class="pageActive"><a href="">1</a></li>
							<li><a href="">2</a></li>
							<li><a href="">3</a></li>
							<li class="noborder"><a href="">····</a></li>
							<li><a href=""><span class="next"></span></a></li>
							<li class="noborder">跳至</li>
						</ul>
						<span>
							<input type="text" name="pageNum"/>
							页
						</span>
						<a href="">跳转</a>
					</div>
				</div>
				</div>
			</div>
			<footer>
				<div class="wrap">
					<div>
						<a href="">
						</a>
					</div>
					<div>
						<ul>
							<li><a href="">新手指南</a></li>
							<li><a href="">用户注册</a></li>
							<li><a href="">定制流程</a></li>
						</ul>
						<ul>
							<li><a href="">付款方式</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">支付问题</a></li>
							<li><a href="">常见问题</a></li>
						</ul>
						<ul>
							<li><a href="">售后服务</a></li>
							<li><a href="">退款换货</a></li>
							<li><a href="">配送方式</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
						<ul>
							<li><a href="">政策条款</a></li>
							<li><a href="">服务协议</a></li>
							<li><a href="">隐私条款</a></li>
							<li><a href="">版权条款</a></li>
						</ul>
					</div>
				</div>
				<div class="copyRight">
					&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
				</div>
			</footer>
		</div>
	</body>
</html>
<script src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
	radioCheck();
	function radioCheck(){
		radio1Parent = $('input[type="radio"]').parent();
		radio1Parent.click(function(){
			$(this).find("i").addClass("dot");
			$(this).siblings().find("i").removeClass();
		})
	}
</script>